{extends file="assets::smarty-templates::Master"|ToPath}
{block name=content}
{html_script src="WhiteLabel.Breadcrumb.js"}

<form  method="post" action="{$action}" class="form-validate" >
    
    <ul data-connect="FormContent" class="breadcrumb">
        <li><a href="#infoReporte">Informaci&oacute;n del reporte</a></li>
        <li><a href="#detallesReporte">Detalles del Reporte</a></li>
    </ul>
    
    <div id="FormContent">
        
        <div id="infoReporte">
            <fieldset>
                <label>Informaci&oacute;n de la Empresa</label>
                <dl>
                    <label>Nit de la Empresa</label>
                    <div>
                        <input type="text" readonly="readonly" name="NitEmpresa" value="{$Empresa->getNIT()}" class="medium" />
                    </div>
                </dl>
                <dl>
                    <label>Nombre</label>
                    <div>
                        <input type="text" readonly="readonly" name="NombreEmpresa" value="{$Empresa->getNombre()}" class="medium" />
                    </div>
                </dl>
            </fieldset>
            <fieldset>
                <label>Informaci&oacute;n del Reporte</label>
                <input type="hidden" name="{bind name="estadoReporte" to="EstadoReporte"}" value="0" />
                <dl>
                    <label>Tipo de Reporte</label>
                    <div>
                        <select name="{bind name="TipoReporte" to="TipoReporte"}">
                            {foreach $TiposReportes as $tipoReporte}
                                <option value="{$tipoReporte}">{$tipoReporte@key}</option>
                            {/foreach}
                        </select>
                    </div>
                </dl>
                <dl>
                    <label>Practicante</label>
                    <div>
                        <select id="practicante" name="idPracticante">
                            <option value="empty">- Seleccione -</option>
                            {foreach $Practicantes as $practicante}
                                {if $practicante!= null}
                                    <option value="{$practicante->getIdPracticante()}">{$practicante->getCodigoEstudiante()}</option>
                                {else}
                                    <option value="">No existe Practicante</option>
                                {/if}
                            {/foreach}
                            
                        </select>
                         {if $practicante!= null}
                                 <input type="hidden" name="CodigoEstudiante" value="{$practicante->getCodigoEstudiante()}"/>
                         {/if}
                        
                    </div>
                </dl>
                <dl>
                    <div>
                        <button class="next small">Siguiente</button>
                    </div>
                </dl>
            </fieldset>
        </div>
        <div id="detallesReporte">
            <fieldset>
                <label>Detalles del Reporte</label>
                <dl>
                    <label>Descripci&oacute;n</label>
                    <div>
                        <textarea name="{bind name="DescripcionReporte" to="Descripcion"}" class="required" ></textarea>
                        <span title="Campo Requerido" class="obligatorio"></span>
                    </div>
                  
                </dl>
                <dl>
                    <div><button class="prev small">Anterior</button></div>
                </dl>
                
            </fieldset>
            <button style="float: right;" id="SubmitButton" class="i_cassette icon" >Enviar Reporte</button><span class="wl_formstatus"></span>
        </div>
    </div>
    
</form>


<script type="text/javascript">
    
    {literal}
    require(["jquery"], function(jQuery){
        jQuery(document).ready(function($){

            $("#SubmitButton").click(function (){
                if($("#practicante").val() == "empty"){
                    alert("No se puede Realizar Reporte sin haber Seleccionado Practicante");
                    return false;
                }
            });
        });
    });
    {/literal}
        
</script>

{/block}